element dialog里的echart
对话框内写有echart图表，页面首次加载后，点开对话框不能显示图表，关联的ref拿不到。网上百度了很多都是使用this.$nextTick，但是我首次就是有问题，我把图表加载的代码写在mounted里，试了各位位置都使用this.$nextTick还是没用，首次加载还是有问题我刚测试了，不放在dialog也是一样的 mounted() { this.cha...
2024-02-11
Vue Element校验validate的实例
官方文档限制输入指定类型添加type限制即可，type包括以下值：例子：rules: { bannerType: [ { required: true, message: '请选择类型', trigger: 'change'} ], associateId: [ { required: true, message: '请选择公告', trigger: 'change'} ], associateData: [ { required: true, type: 'url', message: '输入合法的...
2024-01-10
【element-ui】elementUi 样式修改无效
使用element ui和vue2.0 脚手架开发，elementUi样式修改没有效果，添加important也没用，审查元素发现修改的样式根本就没修改成功？ 这个应该怎样做可以成功修改呢，有没有使用过的小伙伴我是直接在登录模块里写的 .el-input__inner { padding: 3px 45px !important; border: 1px solid #bedb98; } 但是没效果 ，应该...
2024-01-10
vue-cli 3 按需引入 element-ui
1.安装按需引入必要插件npm install babel-plugin-component --save-dev2.修改babel.config.js3.在main.js中引入用到的组件，例如 buttonimport { Button } from 'element-ui';Vue.use(Button) ...
2024-01-10
监听element-ui table滚动事件的方法
背景做管理平台的项目,用到了element-ui，需要通过监听el-table滚动的位置来获取最新的数据，那么怎么样监听el-table的滚动呢？准备我们默认的技术栈是 vue+element-uitemplate代码：<el-table :data="logList" :show-header="false" row-class-name="table-row-class" height="700" ref="table" @row-click="rowClick"> <el-table-co...
2024-01-10
vue-cli完整地引入element-ui
1. 因为该组件会依赖于jQuery，所以先安装jQuery所需依赖： 进入npm控制台，输入指令： cnpm install jquery --save-dev 然后在入口文件main.js中引入： import jquery from 'jquery' 最后配置build目录下的webpack.base.config.js文件，在 module.exports = { entry: { app: './src/main.js', ...
2024-01-10
【element-ui】element-ui和vue
我添加属性，但不想关闭对话框，我点确定后把属性值后面的<el-input>设置为空，问题是第一次可以，后面的就不行了，后面的确一直还显示的文字。回答：第二次属性没有添加成功吧 response.code不等于0了吧回答： let copy=Object.assign({},this.addEditPropertyData) this.addEditPropertyData={} ...
2024-01-10
【element-ui】element-ui图标样式乱码
vue和element-ui搭建的项目，为什么出现乱码，而且是偶然会现，是什么原因造成的，项目中引用了i18n语言包回答：是chrome下？翻译插件导致的？不是 换cdn试下？回答：就算不乱码，这里面的内容也不是给人类看的，只要不影响图标显示，就无需担心。...
2024-01-10
【element-ui】element-ui 实现类似问卷的功能
代码像这样 <div style="margin-top:3%" v-for="(challenge,i) in Challenge" :key="i"> <el-card style="margin-left:10%;margin-right:10%"> <div slot="header" class="clearfix"> <span>题目: {{ challenge.title }}</span> </div> ...
2024-01-10
VUE element上传动态设置action路径和参数坑
由于upload组件在上传的时候会先执行上传操作，然后在执行修改action通常在before-upload设置action时会失败例如这次坑是父组件传值给上传组件，带有参数和访问地址，需要动态的实现上传方案一方案二直接给action绑定方法上传在方法中设置最终的action值...
2024-01-10
【element-ui】element ui 的树形组件绑值问题
项目中用到element UI 的树形组件tree，现在是希望组件中选中的项在打开页面时能够显示出来，自己向后台请求到数据之后，赋值给了default-checked-keys中的变量，是数组形式，可是页面中就是不显示，然而，写成静态的数组就能显示在页面中，实在不明白原理，希望知道的大神们能够指点一下。相关代码...
2024-01-10
【element-ui】vue-cil配置element-ui失败
问题：vue-cil配置element-ui失败 主要的问题是 我在App.vue中使用el-button不会报错 而我在别的 也就是components的.vue组件里边使用el-button会报一下的错误组件中使用的代码：<template><div> <h3>我是vuexDemo</h3> <el-button type="danger">aaaa</el-button></div></template><script></script>错误截图：配置：回答：你需要...
2024-01-10
【element-ui】如何用element表格 自定义单独的一行
如何用element表格实现下图的表格 现在丝毫没有头绪 主要是中间的搜索行应该怎么去实现 望大神提供宝贵意见 回答：https://jsfiddle.net/cob627wt/4/...
2024-01-10详解element-ui中el-select的默认选择项问题
直接绑定将option中的value值绑定给v-model<template> <div> <el-select v-model="query"> <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option> </el-select> </div></template><script>export default{ data() { return {...
2024-01-10
【element-ui】vue2+elementUI 无限导航递归报错
不知道哪个位置错了...很迷茫.app.vue调用入口<template> <el-row class="H100 window"> <el-col :span="4" class="H100 menu"> <left-menu :data="shuju"></left-menu><!-- <<<<<<<<<<<<<< 在这里 --> </el-col> <el-col :span="20" class="H100 main"></el-col> </el-row></tem...
2024-01-10
【element-ui】ElementUI 表格关闭扩展行无法选中改行
表格渲染成功选中一行，给当前选中行渲染了颜色 .el-table__body tr.current-row > td { background-color: #1d8ce0;te;}同时用户展开某一行expand，当前展开行也给同样给了颜色.el-table__body tr.expanded > td { background-color: #1d8ce0; color: white;}但是当用户关闭展开行时，该行点击无法再次选中，只有选中其他行之后再次点击...
2024-01-10
element Dialog 动态添加表格数据input不能输入
selectedData: [],//已选中的数据selectedData的数据结构这样的[{id:'',name:'',},{},]成交价和成交量的input框是动态添加出来的，不知道怎么回事不能输入Dialog上的固定input就没有问题框架是vue + element-ui我是java后端 所以对前端不是太熟 不知道怎么回事，哪位大佬帮忙看看????回答可能是嵌套太深了，视图没...
2024-01-10
element ui el-tree如何修改动态加载的左内边距？
默认的一级节点的padding-left是18px，二级是36px，以此类推。怎么修改这个18px，比方说我要改成10px呢？回答：https://element.eleme.cn/#/zh...回答：找到节点class，使用 padding-left: 10px !important;回答：.el-tree-node__content { padding-left: 10px !...
2024-03-07
【element-ui】element ui中的走马灯怎么设置成上下翻动
element ui中的走马灯官方给的例子是左右方向，但是我想做一个上下方向的该怎么修改呢？官网也没具体文档回答：有空看看它大源码，和默认样式。没空的话，就是看它的api你发现没，只有高度的设置，并没有宽度的设置，也没有类似于方向的这种设置。意思显而易见。...
2024-01-10
【element-ui】如何隐藏element 分页跳到最后一页的按钮？
例如我有1000页分页，我也想显示成上方的样子，把最后一页给隐藏起来，怎么设置，求助。回答：写样式隐藏后面的两个li标签回答：后端涉及到深度分页了吧, 直接查询最后一页查不到数据或查的慢,我也遇到过, 直接自己封装了分页组件,一次顶多只能跳前后 3页左右...
2024-01-10
【element-ui】Element UI默认的输入框和下拉框长度不一？
按照Element UI官网文档写的表单，官网上输入文本框和下拉选择框长度是一致的，而我在没有更改相关样式的情况下，下拉选框却比文本框要短？如图：下面是官网的截图：可以看到官网的下拉选择框是和输入框一致的宽度。下面是我的单页代码：<template> <div class="register-page"> <section class="form-cont...
2024-01-10
【element-ui】vue+elementui复选框多选取消问题
如图，我想要默认显示都选中，这个可以实现，但是我还想要取消选框时这个框内的“√”消失而已，留下一个未选中的框。但目前取消了该复选框就被删除了。看了elementui里面没有提到类似，各位老哥遇到这个问题吗？该怎么解决。先谢谢了。<el-checkbox-group v-model="cities"> <el-checkbox v-for="city in citie...
2024-01-10vue项目中将element-ui table表格写成组件的实现代码
表格中我们经常需要动态加载数据， 如果有多个页面都需要用到表格， 那我希望可以有个组件， 只传数据过去显示， 不用每个页面都去写这么一段内容：<el-table :data="tableData" border size="mini" fit highlight-current-row height="500"> <el-table-column type="index" align="center" fixed></el-table-column> <el-table-column prop="DHM...
2024-01-10
